<template>
  <RjModal
    class="init-pwd-modal"
    width="600px"
    :header="null"
    :footer="null"
    :closable="false"
    :visible="isVisible"
  >
    <div class="success-wrapper">
      <icon-font class="success-icon" type="ic-xinxi-mianxing1" />
      <h3 class="success-title">{{ licenseTitle }}</h3>
      <div class="success-tip">
        {{ desc }}
      </div>
      <!-- <div class="success-info-wrapper">
        <div class="info-item">
          <span class="info-label">{{ $t('subAccount.url') }}</span>
          <span class="info-value">{{ sysUrl }}</span>
        </div>
        <div class="info-item">
          <span class="info-label">{{ $t('common.account') }}</span>
          <span class="info-value">
            {{ accountRecord.account }}
          </span>
        </div>
        <div class="info-item">
          <span class="info-label">{{ $t('common.password') }}</span>
          <span v-show="isPwdVisible">
            {{ accountRecord.password }}
          </span>
          <span v-show="!isPwdVisible"> ********************** </span>
          <icon-font
            :type="pwdIconType"
            class="pwd-icon"
            @click="onTogglePwd"
          ></icon-font>
        </div>
      </div> -->
      <div>
        <a-button type="primary" @click="onClose">
          {{ $t('common.ok') }}
        </a-button>
      </div>
    </div>
  </RjModal>
</template>
<script>
import { requestHttp, maccApi } from '@utils/index';
import PasswordIntl from '@views/system/usercenter/components/passwordIntl.vue';
export default {
  name: 'licenseInfoModal',
  data() {
    return {
      isVisible: false,
      licenseTitle: '',
      desc: '',
    };
  },
  components: {},
  mounted() {},
  methods: {
    onClose() {
      this.isVisible = false;
    },

    openModal(
      param = {
        inExperience: true,
        desc: '',
      }
    ) {
      const inExperience = param.inExperience;
      if (inExperience) {
        this.licenseTitle = this.$t('license2.willExpired');
      } else {
        this.licenseTitle = this.$t('license2.expired');
      }

      this.desc = param.desc;
      this.isVisible = true;
    },
  },
};
</script>
<style lang="less" scoped>
.success-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  .success-title {
    font-weight: 500;
    margin: 0;
  }
  .success-icon {
    font-size: 48px;
    color: @orange-6;
  }
  .success-tip {
    font-size: 12px;
    color: @text-placeholder;
    margin-top: -8px;
  }
}
</style>
